.Diedai{
    display: flex;
    flex-direction: column;
    overflow: auto;
    nav{
        position: relative;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        background-color: rgba(245, 247, 250,.8);
        margin: 5px 0;
    };
    .diedaiconten{
        flex: 1;
        overflow: auto;
    }
    .ALL{
        padding: 0 30px;
    }
    .oncreament{
        position: absolute;
        top: 0;
        right: 30px;
        background-color: rgb(3, 37, 70);
        color: #fff;
        font-size: 16px;
        padding: 5px 15px;
        border-radius: 8px;
        line-height: 30px;
        cursor: pointer;
    }
    .ItemName{
        width: 40%;
    }
    .s,.t{
        display: flex;
    } 
    .submit{
        transform: translate(33%)
    }
} 
.status1{
    padding: 0 5px;
    color:rgb(255, 208, 61) ;
    border: 1px solid rgb(255, 208, 61);
}
.status2{
    padding: 0 5px;
    color: rgb(68, 223, 148);
    border: 1px solid rgb(68, 223, 148);
}
.status3{
    padding: 0 5px;
    color: gray;
    border: 1px solid gray;
}